<script src="vue.js"></script>

<div id="app">
    <p>{{title}}</p>
    <mcomponent></mcomponent>
</div>

<template id="temp1">
    <p>{{title}}</p>
</template>

<script>
    Vue.component('mcomronent',{
        data(){
            return{
                title:"组件标题名称"
            }
        },
        template:'#temp1'
    });


var vue=new Vue({
    el:'#app',
    data:{
        title:"我是主页面标题"
    }
});
</script>